@import "//at.alicdn.com/t/font_552770_3oxqkc43r2dfgvi.css";
@import "global";

.bg-orange {
  background-color: @color-orange;
  color: #fff;
}

.bg-red {
  background-color: @color-red;
  color: #fff;
}

.bg-blue {
  background-color: @color-blue;
  color: #fff;
}

.bg-blue-purple {
  background-color: @color-blue-purple;
  color: #fff;
}

//
.txt-orange {
  color: @color-orange;
}

.txt-red {
  color: @color-red;
}

.txt-blue {
  color: @color-blue;
}

.txt-blue-purple {
  color: @color-blue-purple;
}

//

@-webkit-keyframes pageFromCenterToLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  to {
    opacity: 0.5;
    -webkit-transform: translate3d(-20%, 0, 0) scale(.9, .9);
    transform: translate3d(-20%, 0, 0) scale(.9, .9);
  }
}

@keyframes pageFromCenterToLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  to {
    opacity: 0.5;
    -webkit-transform: translate3d(-20%, 0, 0) scale(.9, .9);
    transform: translate3d(-20%, 0, 0) scale(.9, .9);
  }
}

@-webkit-keyframes pageFromLeftToCenter {
  from {
    opacity: .5;
    -webkit-transform: translate3d(-20%, 0, 0) scale(.9, .9);
    transform: translate3d(-20%, 0, 0) scale(.9, .9);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pageFromLeftToCenter {
  from {
    opacity: .5;
    -webkit-transform: translate3d(-20%, 0, 0) scale(.9, .9);
    transform: translate3d(-20%, 0, 0) scale(.9, .9);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}